﻿<!DOCTYPE html>
<html lang="en" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv=X-UA-Compatible content="IE=edge" />
    <meta content="text/html;charset=utf-8" http-equiv=Content-Type />
    <meta name=viewport content="user-scalable=1.0,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" />
    <meta name=apple-mobile-web-app-capable content=yes />
    <meta name=format-detection content="telephone=no" />
    <meta name="robots" content="noindex,nofollow">
    <link type=text/css href="/styles/style.css" media="screen" rel="stylesheet" title="CSS" />
    {{{customCSSTags}}}
    <link rel="apple-touch-icon" href="/favicon-303x303.png" />
    {{{customJSTags}}}
    <title>{{{title1}}} - Download</title>
    <style nonce="{{{cspNonce}}}">
        body {
            background-color: cadetblue;
            background: linear-gradient(to bottom right, #369, #036);
            height: 100%;
            overflow: hidden;
        }

        a:link {
            color: #c8c8c8;
        }

        a:visited {
            color: #c8c8c8;
        }

        a:hover {
            color: #c8c8c8;
        }

        a:active {
            color: #c8c8c8;
        }

        #backImage {
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: -1;
            height: 60%;
            opacity: 0.1;
        }

        #centralTable {
            height: 100%;
            z-index: 1;
        }

        #text1 {
            text-align: center;
            padding-top: 30px;
            font-size: 160px;
            font-family: Arial;
            color: #bbb;
        }

        #text2 {
            text-align: center;
            font-size: 20px;
            font-family: Arial;
            color: #999;
        }

        #text3 {
            text-align: center;
            padding-top: 20px;
            font-size: 20px;
            font-family: Arial;
            color: #999;
        }

        #flink1 {
            margin-left: 4px;
        }

        #flink2 {
            float: right;
            margin-right: 4px;
        }
    </style>
</head>
<body>
    <img id="backImage" src="../../images/login/back.png" />
    <table id="centralTable" class="container">
        <tr>
            <td style="width:100%;text-align:center">
                <div id="text1"><b>404</b></div>
                <div id="text2">This page does not exist</div>
                <div id="text3"><a href="/"><b>Go to main site</b></a></div>
            </td>
        </tr>
        <tr style="height:20px">
            <td>
                <div>
                    <div id="flink1">{{{footer}}}</div>
                    <div id="flink2">{{{rootCertLink}}}&nbsp;<a href=../../terms>Terms &amp; Privacy</a></div>
                </div>
            </td>
        </tr>
    </table>
</body>
</html>